@CHARSET "UTF-8";
body {
	border:1px none blue;
	margin:0 auto;
	width:100%;
  	height:606px;
	background-image:url(../img/book-login.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.loginView{
	border:1px none blue;
	height:400px;
	width:425px;
	margin:auto auto;
	background-color:#000;
/* 	background-color:rgba(252,175,23,0.2); */
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	position: absolute;
	background-color:rgba(0,0,0,0.4);
	left:467px;
	top:80px;
    
}
#time{
	border:1px none #000;
	border-left:none;
	border-right:none;
	height:40px;
	width:100%;
	font-size:22px;
	margin:0 auto;
	text-align:center;
	line-height:66px;
	color:#fff;
	margin-top:10px;


}
.loginView-head{
	border:1px none blue;
	height:50px;
	width:100%;
	font-size:22px;
	margin:0 auto;
	text-align:center;
	line-height:50px;
	margin-top:15px;
	color: #fff;
	/*color:RGB(33,150,243);*/
}
.loginView-ifmaion{
	border:1px none blue;
	height:120px;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#d9d6c3;
}
#loginView-name{
	border:1px none blue;
	height:30px;
	width:266px;
	margin:0 auto;
	color:#000;
	background-color:#eee;
	margin-top:22px;
	padding-left:5px;

}
#loginView-psd{
	border:1px none blue;
	height:30px;
	width:266px;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
		
}
#loginView-SNpsd{
	border:1px none blue;
	height:30px;
	width:266px;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
		
}
#loginView-Npsd{
	border:1px none blue;
	height:30px;
	width:266px;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
		
}
#loginView-emall{
	border:1px none blue;
	height:30px;
	width:266px;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
		
}

.loginView-btn{
	border:0px none blue;
	height:32px;
	width:265.5px;
	margin:0 auto;
	text-align:center;
	margin-top:17px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.loginView-btnzc{
	border:1px none blue;
	/*height:32px;
	width:70%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
   float: right;
   margin-top:20px;
   margin-right:85px;
}
.loginView-btnzc>a{
	color:#d9d6c3;
	font-size: 12px;
}
.loginView-btnzc>a:link{
	text-decoration: none;
}
.loginView-btnSon{
	border:0px none blue;
	height:32px;
	width:100%;
	background-color:RGB(33,150,243);
	color:#fff;
	font-size:16px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline:none;
}
.loginView-btnSonZc{
	border:0px none blue;
	height:32px;
	width:100%;
	background-color:RGB(33,150,243);
	color:#fff;
	font-size:16px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline:none;
}
.rmname{
	border:1px solid none;
	height:30px;
	width:70%;
	margin-left:80px;
	margin-top: 53px;
}
.rmName-left{
	border:1px solid none;
	float: left;
	font-size: 12px;
}
.rmName-midden{
	border: 1px solid none;
	float:left;
	margin-left:5px;
}
.rmName-right{
	border:1px solid none;
	float:left;
	font-size: 12px;
	margin-left: 111px;
	color:#fff;
}
.rmName-right>a{
	font-size: 12px;
 	color:#d9d6c3;
}
.rmName-right>a:link {
 text-decoration: none;

}
/*登录框Switch方法样式begin*/
.iSwitch{
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  background: #dcdcdc;
  border:1px solid #dcdcdc;
  box-shadow: 0 0 5px #dcdcdc;
  overflow: hidden;
  vertical-align: middle;

}
.iSwitch input{
  visibility: hidden;
}
.iSwitch i{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 50%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
}
.iSwitch i::before{
  content: " ";
  display: none;
  width: 200%;
  height: 100%;
  border-radius: 25%;
  background: #61cafd;
}
.iSwitch i::after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
}
.iSwitch input:checked + i{
  transform:translateX(100%);
  -webkit-transform:translateX(100%);
}
.iSwitch input:checked + i:before{
  display: inline-block;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}
/*登录框Switch方法end*/

<!--超链接去掉下划线开始-->
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
.code {
				font-family: Arial;
				font-style: italic;
				font-weight: bold;
				border: 0;
				letter-spacing: 3px;
				color: blue;
				position: absolute;
				top:224px;
				left:347.5px;
				
			}
#input{
	border:1px none blue;
	height:30px;
	width:266px;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
	left:79.5px;
	position: absolute;
}
